
$(function(){

//  一、子菜单隐藏、显示切换效果：
    $(".menu_list").click(function(){
        $(this).next().toggle();
    });


// 二、卷帘效果（滑动）：
//    $(".menu_list").click(function(){
//        $(this).next().slideToggle();
//    });



//// 三、淡入淡出：
//    $(".menu_list").click(function(){
//        $(this).next().fadeToggle();
//    });



// 四、自定义动画：

// 四-1:、自己写的动画：
$("#btn1").click(function(){
    // 动画001(背景颜色是无法改变的，即background:"black"不生效）：
    $("#box1").animate({left:"150px",top:"150px",background:"black"},
    1000,function(){
        alert("我变啦！")
    });
});


// 四-2:、用animate.css动画库：
$("#btn2").click(function(){
    $("#box2").addClass("animated pulse");
   });

$("#btn3").click(function(){
    $("#box3").addClass("animated lightSpeedIn");
   });


});
